<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../css/index.css" />
	<script type="text/javascript" src="../js/ajax.js" ></script>
	<script type="text/javascript" src="../js/animate.js" ></script>
</head>
<body>
	<!--头部-->
	<div class="top_w">
		<div class = "top">
				<div class="top_left">
					<a href="#" class="noborder">小米shop</a>
					<a href="#">MIUI</a>
					<a href="#">米聊</a>
					<a href="#">游戏</a>
					<a href="#">多看阅读</a>
					<a href="#">云服务</a>
					<a href="#">金融</a>
					<a href="#">小米网移动版</a>
					<a href="#">问题反馈</a>
					<a href="#">Select Region</a>
				</div>
				<div class="top_right">
					<div class="top_login">
						<a href="#" class="noborder">登陆</a>
						<a href="#">注册</a>
					</div>
					<div class="top_shop" id="top_shop"><a href="#">购物车（<span>0</span>）</a></div>
				</div>
		</div>
	</div>
	<!--logo-->
	<div class="logo_w">
		<div class="logo">
			<div class="logo_left">
				<div class="logo_left_pic">
					<a href="#"></a>
				</div>
				<div class="logo_left_list" id="logo_left_list">
					<a href="#">小米手机</a>
					<a href="#">红米</a>
					<a href="#">平板·笔记本</a>
					<a href="#">电视</a>
					<a href="#">盒子·影音</a>
					<a href="#">路由器</a>
					<a href="#">智能硬件</a>
					<a href="#">服务</a>
					<a href="#">社区</a>
				</div>
			</div>
			<div class="logo_right">
				<form class="logo_f" id="logo_form">
					<input type='text' id="txt" value=""/><input type="submit" id="btn" value=""/>
				</form>
				<div class="logo_right_goods" id="logo_goods">
						<a href="#">红米Pro</a>
						<a href="#">小米笔记本Air</a>
				</div>
				<div class="logo_words" id="logo_words">
					购物车中还没有商品，赶紧选购吧！
				</div>
				<div class="logo_right_list" id="logo_list">
					<a href="#"><i>小米手机5</i><span>约有11件</span></a>
					<a href="#"><i>空气净化器2</i><span>约有1件</span></a>
					<a href="#"><i>活塞耳机</i><span>约有4件</span></a>
					<a href="#"><i>小米路由器</i><span>约有8件</span></a>
					<a href="#"><i>移动电源</i><span>约有21件</span></a>
					<a href="#"><i>运动相机</i><span>约有3件</span></a>
					<a href="#"><i>小蚁摄像机</i><span>约有2件</span></a>
					<a href="#"><i>小米体重秤</i><span>约有1件</span></a>
					<a href="#"><i>小米插线板</i><span>约有13件</span></a>
					<a href="#"><i>配件优惠套装</i><span>约有32件</span></a>
				</div>
			</div>

		</div>
	</div>
	<!--ban-->
	<div class="ban_w">
		<div class="ban_float" id="ban_float">
			
		</div>
		<div class="ban">
			<div class="ban_left" id='ban_left'>
			</div>
			<div class="ban_right">
				<div class="ban_right_big">
					<!--轮播图-->
					<div class="lbt" id="lbt">
						<!--图片-->
						<div class="lbt_content" id="lbt_content">
							<!--<div class="lbt_item default">
								<a href="#">
									<img src="../images/img1.jpg" />
								</a>
							</div>
							<div class="lbt_item default">
								<a href="#">
									<img src="../images/img2.jpg" />
								</a>
							</div>
							<div class="lbt_item default">
								<a href="#">
									<img src="../images/img3.jpg" />
								</a>
							</div>-->
						</div>
						<!--左右按钮-->
						<div class="btn_left" id="btn_left">&lt;</div>
						<div class="btn_right" id="btn_right">&gt;</div>
						<!--小圆圈-->
						<ul id="lbt_list">
						</ul>
				</div>
				</div>
				<div class="ban_right_box" id="ban_right_box">
					<!--<div class="ban_box active">
						<div class="ban_box_item">
							<a href="#">
								<span>
									<img src="../images/menu1.jpg"/>
								</span>
								<i>贴膜</i>
								<b>选购</b>
							</a>
						</div>
					</div>
					<div class="ban_box">2</div>
					<div class="ban_box">3</div>
					<div class="ban_box">4</div>
					<div class="ban_box">5</div>
					<div class="ban_box">6</div>
					<div class="ban_box">7</div>
					<div class="ban_box">8</div>
					<div class="ban_box">9</div>
					<div class="ban_box">10</div>-->
				</div>
			</div>
		</div>
	</div>
	<!--ample-->
	<div class="ample_w">
		<div class="ample">
			<div class="ample_left">
				<dl>
					<a href="#">
						<dt><img src="../images/small_sample1.png"/></dt>
						<dd><a href="#">选购手机</a></dd>
						<img class="line1" src="../images/sample_line1.png" />
						<img class="line2" src="../images/sample_line2.png" />
					</a>
				</dl>
				<dl>
					<a href="#">
						<dt><img src="../images/small_sample2.png"/></dt>
						<dd><a href="#">企业团购</a></dd>
						<img class="line1" src="../images/sample_line1.png" />
						<img class="line2" src="../images/sample_line2.png" />
					</a>
				</dl>
				<dl>
					<a href="#">
						<dt><img src="../images/small_sample3.png"/></dt>
						<dd><a href="#">官翻产品</a></dd>
						<img class="line1" src="../images/sample_line1.png" />
						<img class="line2" src="../images/sample_line2.png" />
					</a>
				</dl>
				<dl>
					<a href="#">
						<dt><img src="../images/small_sample4.png"/></dt>
						<dd><a href="#">小米移动</a></dd>
						<img class="line1" src="../images/sample_line1.png" />
					</a>
				</dl>
				<dl>
					<a href="#">
						<dt><img src="../images/small_sample5.png"/></dt>
						<dd><a href="#">以旧换新</a></dd>
						<img class="line1" src="../images/sample_line1.png" />
					</a>
				</dl>
				<dl>
					<a href="#">
						<dt><img src="../images/small_sample6.png"/></dt>
						<dd><a href="#">话费充值</a></dd>
						<img class="line1" src="../images/sample_line1.png" />
					</a>
				</dl>
			</div>
			<div class="ample_right" id="ample_right">
			</div>
		</div>
	</div>
	<!--star-->
	<div class="star_w">
		<div class="star">
			<div class="star_top">
				<h3>小米明星单品</h3>
				<div class="star_btn">
					<div class="stbtn_left" id="stbtn_left">&lt;</div>
					<div class="stbtn_right" id="stbtn_right">&gt;</div>
				</div>
			</div>
			<div class="star_bottom" id="star_bottom">
				<div class="star_lb_item" id="star_lb_item">
				</div>
			</div>
		</div>
	</div>
	<!--Hardware-->
	<div class="hardware_w">
		<div class="hardware">
			<div class="hardware_top">
				<h3>智能硬件</h3>
				<div class="hardware_all" id="hardware_all">
					<a href="http://www.mi.com/smart/">
						<p>查看全部</p>
						<span>&gt;</span>
					</a>
				</div>
			</div>
			<div class="hardware_bottom" >
				<div class="hardware_left"  id="hardware_left">
				</div>
				<div class="hardware_right" id="hardware_right">
				</div>
			</div>
		</div>
	</div>
	<!--match-->
	<div class="match_w">
		<div class="match">
			<h3>
				<p>搭配</p>
				<div class="h3_list">
					<ul id="h3_ul">
						<li class="active">热门</li>
						<li>耳机音箱</li>
						<li>电源</li>
						<li>电池存储卡</li>
					</ul>
				</div>
			</h3>
			<div class="match_main">
				<div class="match_left" id="match_left">
					<ul id="ul_left">
					</ul>
				</div>
				<div class="match_right" id="match_right">
					
				</div>
			</div>
		</div>
	</div>
	<!--site-->
	<div class="site_w">
		<div class="site">
			<div class="site_top">
				<ul>
					<li><img src="../images/site1.png"/><a href="#">一小时快修服务</a></li>
					<li><img src="../images/site2.png"/><a href="#">7天无理由退货</a></li>
					<li><img src="../images/site3.png"/><a href="#">15天免费换货</a></li>
					<li><img src="../images/site4.png"/><a href="#">满150元包邮</a></li>
					<li><img src="../images/site5.png"/><a href="#">520余家售后网点</a></li>
				</ul>
			</div>
			<div class="site_bottom">
				<div class="site_left">
					<div class="site_menu">
						<p>帮助中心</p>
						<a href="#">账号管理</a>
						<a href="#">购物指南</a>
						<a href="#">订单操作</a>
					</div>
					<div class="site_menu">
						<p>服务支持</p>
						<a href="#">售后政策</a>
						<a href="#">自助服务</a>
						<a href="#">相关下载</a>
					</div>
					<div class="site_menu">
						<p>线下门店</p>
						<a href="#">小米之家</a>
						<a href="#">服务网点</a>
						<a href="#">零售网点</a>
					</div>
					<div class="site_menu">
						<p>关于小米</p>
						<a href="#">了解小米</a>
						<a href="#">加入小米</a>
						<a href="#">联系我们</a>
					</div>
					<div class="site_menu">
						<p>关注我们</p>
						<a href="#">新浪微博</a>
						<a href="#">小米部落</a>
						<a href="#">官方微信</a>
					</div>
					<div class="site_menu">
						<p>特色服务</p>
						<a href="#">F码通道</a>
						<a href="#">小米移动</a>
						<a href="#">防伪查询</a>
					</div>
				</div>
				<div class="site_right">
					<p>400-100-5678</p>
					<h1>周一至周日 8:00-18:00<br/>仅收市话费</h1>
					<span>24小时在线客服</span>
				</div>
			</div>
		</div>
	</div>
	<!--bottom-->
	<div class="bottom_w">
		<div class="bottom">
			<div class="bottom_left">
				<div class="bottom_img">
					<img src="../images/bottom_logo.png" />
				</div>
				<div class="bottom_last">
					<div class="bottom_site">
						<a href="#">小米商城</a> |
						<a href="#">MIUI</a> |
						<a href="#">米聊</a> |
						<a href="#">多看书城</a> |
						<a href="#">小米路由器</a> |
						<a href="#">视频电话</a> |
						<a href="#">小米后院</a> |
						<a href="#">小米天猫店</a> |
						<a href="#">小米淘宝直营店</a> |
						<a href="#">小米网盟</a> |
						<a href="#">问题反馈</a> |
						<a href="#">Select Region</a>
					</div>
					<p>
						<a href="#">@mi.com</a>
						<span> 京ICP证110507号 京ICP备10046444号 </span>
						<a href="#">京公网安备11010802020134号 </a>
						<a href="#">京网文[2014]0059-0009号 </a><br />
						<i> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</i>
					</p>
				</div>
			</div>
			<div class="bottom_right">
				<div class="b_img">
					<a href="#">
						<img src="../images/bottom1.png" />
					</a>
				</div>
				<div class="b_img">
					<a href="#">
						<img src="../images/bottom2.png" />
					</a>
				</div>
				<div class="b_img">
					<a href="#">
						<img src="../images/bottom3.png" />
					</a>
				</div>
				<div class="b_img">
					<a href="#">
						<img src="../images/bottom4.png" />
					</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../js/index.js" ></script>
	<script type="text/javascript" src="../js/lbt.js" ></script>
</body>
</html>